<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Language" content="fr" />
    <meta name="DC.Language" content="fr" />
    <meta name="DC.Creator" content="clashdesign.net" />
    <meta name="keywords" content="" />

    <meta name="robots" content="index, follow, all" />
    <meta name="revisit-after" content="3 days" />
    <meta name="description" content="jQuery rssReader une façon simple d'afficher un fil rss sur son site internet" />
    <title>jQuery rssReader, pour affiche un fil RSS sur son site internet</title>
	<link rel="stylesheet" type="text/css" href="rssReader-0.2.css" media="screen" />
	<style>
	body{
	}
	#page{
		margin:0 auto;
		position:relative;
		width:800px;
		font-family:verdana;
		font-size:12px;
	}
	#content{
		width:58%;
	}
	#footer{
	margin:10px 0 0 0;
	clear:both;
	text-align:center;
	width:100%;
	height:auto;
	padding:5px;
	background-color:#ccc;
	}
	pre{
	background-color:#ccc;
	padding:5px;
	font-size:10px;
	font-family:tahoma;
	}
	.bold{font-weight:bold;}
	.blue{color:blue;}
	.red{color:red;}
	</style>
	</head>
<body>
<div id="page">
<img src="jquery-rssreader.png" width="250" height="100" />
	<div id="rss">
		<h1>Les news avec rssReader</h1>
		<div id="newsfeed"></div>
	</div>
	<div id="content">
	<p>jQuery rssReader est conçu pour vous aidez à afficher un fil rss dans votre site internet</p>
	<p>La version courante : <span class="red">0.2</span></p>
	<p>Pour utiliser rssReader rien de plus simple</p>
	<p>Initialiser jQuery et rssReader ensuite indiquer entre les balises script :</p>
	<pre>
	$('#newsfeed').rssReader({
		targeturl: 'http://feeds.feedburner.com/leblogdupatron',
		items: 5,
		Maxlength:80,
		loadingImg: '35-1.gif'
	});
	</pre>
	<p><span class="blue">targeturl</span> = L'url de votre fil rss (utiliser php pour charger l'url distante)</p>
	<p><span class="blue">items</span> = Nombre d'article à afficher</p>
	<p><span class="blue">Maxlenght</span> = Nombre maximum de caractére par article</p>
	<p><span class="blue">loadingImg</span> = Image de chargement ou d'attente</p>
	</div>
	<div id="footer">
	<p>Content Management System <a href="http://www.clashdesign.be" title="Création de Content Management System">optimiser pour le référencement</a> - <a href="http://www.clashdesign.net">clashdesign</a> - En partenaria avec <a href="http://www.magix-cms.com">Magix cms</a></p>
	<p><span xmlns:dc="http://purl.org/dc/elements/1.1/" property="dc:title">rssReader</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.clashdesign.be" property="cc:attributionName" rel="cc:attributionURL">G&#233;rits Aur&#233;lien</a> est mis &#224; disposition selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/be/">licence Creative Commons Paternit&#233;-Partage des Conditions Initiales &#224; l'Identique 2.0 Belgique</a>.</p>
	</div>
</div>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
	<script type="text/javascript" src="jquery.rssreader-0.2.pack.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('#newsfeed').rssReader({
			 		targeturl: "class.rssReader.php",
					items: 4,
			 		Maxlength:80,
			     	loadingImg: '35-1.gif'
		});
	});
	</script>
</body>
</html>